<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <title>分类管理</title>
    <hdjs/>
    <!-- 分类属性  -->
     <script src='__CONTROL_TPL__/js/ajax.attr.js'></script>
        <!-- 座位 -->
     <script src='__CONTROL_TPL__/js/ajax.seat.js'></script>
     <!-- 全部座位和序号管理 -->
      <script src='__CONTROL_TPL__/js/ajax.seatsort.js'></script>
      <!-- 商品货号处理，货号前缀为分类的英文 -->
      <script src='__CONTROL_TPL__/js/ajax.language.js'></script>
      <!-- 对价格和票数是否相等进行判断 -->
      <script src='__CONTROL_TPL__/js/ajax.pricecount.js'></script>
    <bootstrap/>
    <script type="text/javascript">
        $(function(){
            $('#add-cate-form').validate({
                'cname' : {
                    rule:{
                        required: true,
                        maxlen:20
                    },
                    error:{
                        required : '分类名称必填',
                        maxlen:'分类名称不能大于20个字符'
                    },
                    message:'分类名称长度 1 到 20 位',
                    success:'填写正确'
                },
                'ctitle' : {
                    rule:{
                        required: true,
                        maxlen:60
                    },
                    error:{
                        required : '分类标题必填',
                        maxlen:'分类标题不能大于60个字符'
                    },
                    message:'分类标题长度 1 到 60 位 ',
                    success:''
                },
                'ckeywords' : {
                    rule:{
                        maxlen:120
                    },
                    error:{
                        maxlen:'分类关键字不能大于120个字符'
                    },
                    message:'分类关键字长度 1 到 120位',
                    success:''
                },
                'cdes' : {
                    rule:{
                        maxlen:255
                    },
                    error:{
                        maxlen:'分类描述不能大于255个字符'
                    },
                    message:'分类描述长度 1 到 255位',
                    success:''
                },
                'csort' : {
                    rule:{
                        num:'1,65535'
                    },
                    error:{
                        num:'分类排序必须为数字且不能大于65535'
                    },
                    message:'请填写1到65535的排序数字',
                    success:''
                },
                'htmldir' : {
                    rule:{
                        regexp:/^[a-zA-Z]{1,50}$/
                    },
                    error:{
                        regexp:'静态目录格式不正确'
                    },
                    message:'请填写1~50位只包含字母数字下划线,分类静态目录 例如：php',
                    success:''
                },
             
                
            })
        })
    </script>
    <css file="__CONTROL_TPL__/css/css.css"/>
</head>
<body>
<div class="wrap">
    <div class="title-header">添加商品</div>
    <form action="{|U:'Goods/add_goods'}" method="post" class="form-inline hd-form" id="add-cate-form">
     <table class="table1" >     
        <tr>
                <th class="w100">商品名称</th>
                <td  class="w100">
                    <input type="text" name="goodsname" class="w200"/> 
                </td>
                <td><span id="hd_catename"></span></td>
        </tr>
        <tr>
                <th class="w100">副标题</th>
                <td  class="w100">
                    <input type="text" name="title" class="w200"/> 
                </td>
                <td><span id="hd_catename"></span></td>
        </tr>
        </table>
        <table class="table1">       
            <tr >
                <th class="w100">所属分类</th>
                <td>
                    <select name="cateid" class="w200" id="cate">
                        <option value="0">选择分类</option>
                    <foreach from="$categoryDate" value="$v">
                        <option value="{$v.cateid}">{$v._name}</option>
                    </foreach>
                    </select>
                </td>
                <td></td>
            </tr>
        </table>
    <table class="table1 language"></table>
        <table class="table1">
             <tr>
                <th class="w100">商品图片</th>
                <td  class="w100">
                   <upload size='5' type='jpg,png,gif' limit='5' name='upload'/>
                </td>
                <td><span id="hd_catename"></span></td>
            </tr>
            <tr>
                <th class="w100">所属影院</th>
                <td>
                    <select name="cinemaid" id="cinema" class="w200">
                    <option value="0">请选择影院</option>
                    <foreach from="$cinemaData" value="$v">
                        <option value="{$v.cinemaid}">{$v.cinemaname}</option>
                    </foreach>
                    </select>
                </td>
                <td></td>
            </tr>
            </table>
      
            <!-- 座位管理 -->
            <table class="seatname table1"></table>
                  <script type="text/javascript">

                $(function(){
                    // alert('df');
                    $('#yes').click(function(){
                        // 如果选是，就显示座位
                        $('.seatsort').fadeIn();
                         $('#priceandtime').fadeOut();
                       

                    })
                    $('#no').click(function(){
                        // 如果选否，就不隐藏座位 
                       $('.seatsort').fadeOut();
                       $('#priceandtime').fadeIn();
                    })
                    



                })

                </script>
            <table class="table1">
             <tr>
                <th class="w100">是否支持选座</th>
                <td>
                   是<input type="radio" value="1" name="is_seat" id="yes" checked="checked" />
                   否<input type="radio" value="0" name="is_seat"  id="no" />
                </td>
                <td><span id="hd_catetytle"></span></td>
            </tr>
            </table>
              <script type="text/javascript">

        $(function(){

             $('#add_tr').live('click',function() {
                //点击增加规格
             var obj = $(this).parents('tr').clone();
             $(this).parents('tr').after(obj);

            });
             //点击删除规格
            $('#del_tr').live('click',function(){
                // alert('dfs');
                $(this).parents('tr').remove();
                  // $(this).remove();

            })
        })


        </script>
        <table class="table1" style="border:1px solid red;">
            <tr id="priceandtime" style="display:none;">
                <th width="100">价格/时间</th>
                <td>
                    <div id="goodsprice">
                    <p title="客户选择时显示的时间">时间别名</p>
                       <span><input type="text"  name="timename0[]" title="客户选择时显示的时间"/></span>
                       <p title="实际时间">实际时间</p>
                       <span><input type="text" readonly="readonly" class="updatetime" title="实际时间" name="time0[]" value="{|date:'Y/m/d h:i:s'}"/></span>
                       <script>
                     $('.updatetime').calendar({format: 'yyyy/MM/dd HH:mm:ss'});
                 </script>
                        <p title="实际价格">商品价格</p>
                        <span><input type="text" title="实际价格" name="price0[]" id="pricedata" /></span>
                        <p title="客户选择时显示的名称">库存票务</p>
                        <span><input type="text" title="客户选择时显示的名称" name="countticket[]" id="countticket" /></span>
                        <!-- ajax返出的信息 -->
                        <p class="mathinfo"></p>
                       
                    </div>
                </td>
                 
                <td width="60px"><a href="javascript:;" id="add_tr">增加</a></td>
                <td width="60px"><a href="javascript:;" id="del_tr">减少</a></td>
            </tr>

        </table>
       
            <!-- 座位号编号  -->
        <table class="seatsort table1"></table>
                 
            <!-- 属性表格，JS添加 -->
         <table class="shop_attr table1"></table>
         <!-- 城市表格，JS添加 -->
          <table class="shop_city table1"></table>
            <!-- 规格表格，JS添加 -->
         <table class="shop_stand table1" id="stand"></table>
             <!-- 支持表格，JS添加 -->
         <table class="shop_support table1"></table>
            <table class="table1">
            <tr>
                <th class="w100">上架时间</th>
                <td>
                <input type="hidden" name="support[]" value=""/>
                <input type="text" readonly="readonly" id="ontime" title="上架时间" name="ontime" value="{|date:'Y/m/d h:i:s'}" />
                </td>
                 <script>
                     $('#ontime').calendar({format: 'yyyy/MM/dd HH:mm:ss'});
                 </script>
                </tr>
                <tr>
                <th class="w100">活动开始时间</th>
                <td>
                <input type="hidden" name="support[]" value=""/>
                <input type="text" readonly="readonly" id="startime" title="开始时间" name="startime" value="{|date:'Y/m/d h:i:s'}" />
                </td>
                 <script>
                     $('#startime').calendar({format: 'yyyy/MM/dd HH:mm:ss'});
                 </script>
                </tr>
                
                <th class="w100">活动结束时间</th>
                <td>
                <input type="text" readonly="readonly" id="overtime" title="结束时间" name="overtime" value="{|date:'Y/m/d h:i:s'}" />
                </td>
                 <script>
                     $('#overtime').calendar({format: 'yyyy/MM/dd HH:mm:ss'});
                 </script>
                </tr>
             </table>
<!--             <tr>
                <th class="w100">会员价</th>
                <td  class="w100">
                    <input type="text" name="goods" class="w200"/> 
                </td>
                <td><span id="hd_catename"></span></td>
            </tr>   --> 
           <!--  <tr>
                <th class="w100">价格</th>
                <td  class="w100">
                    <input type="text" name="pricerange" class="w200"/> 
                </td>
                <td><span id="hd_catename">如果有多个价格，请用逗号隔开</span></td>
            </tr> -->
            <!-- <tr>
                <th class="w100">时间</th>
                <td  class="w100">
                    <input type="text" name="timerange" class="w200"/> 
                </td>
                <td><span id="hd_catename">如果有多个时间，请用逗号隔开</span></td>
            </tr> -->
            <table class="table1">
            <!-- <tr>
                <th class="w100">返回积分数</th>
                <td  class="w100">
                    <input type="text" name="backintegral" class="w200"/> 
                </td>
                <td><span id="hd_catename"></span></td>
            </tr> -->
            </table>
            <table class="table1">
            <tr>
                <th class="w100">详细描述</th>
                    <!-- 详细描述编辑器 -->
                <td>
                                       
                </td>
                <td><span id="hd_catedes"></span></td>
            </tr>
            <tr>
                <th class="w100"></th>
                    <!-- 详细描述编辑器 -->
                <td>
                    <ueditor name='introduce' width='600' height='200'/>                      
                </td>
                <td><span id="hd_catedes"></span></td>
            </tr>
            </table>
             <!-- 商品购买说明编辑器 -->
            <table class="table1">
            <tr>
                <th class="w100">商品购买说明</th>
                <td></td>
            </tr>
           <tr>
                <th class="w100"></th>
                <td>
                      <ueditor name='illustrate' width='600' height='200'/> 
                </td>
            </tr>
            </table>
             <!-- 商品购买方式编辑器 -->
            <table class="table1">
            <tr>
                <th class="w100">付款方式</th>
                <td> </td>          
            </tr>
            <tr>
                <th class="w100"></th>
                <td>
                     <ueditor name='howpay' width='600' height='200'/>                
                </td>
            </tr>
          
        </table>
        
        <div class="position-bottom">
            <input type="submit" class="hd-success" value="添加"/>
        </div>
        <table class="table2">
        <tr><td></td></tr>
        <tr><td></td></tr>
        <tr><td></td></tr>
        <tr><td></td></tr>
        <tr><td></td></tr>
        <tr><td></td></tr>
        <tr><td></td></tr>
        <tr><td></td></tr>
        <tr><td></td></tr>
        <tr><td></td></tr>
        </table>
    </form>
</div>
</body>
</html>